<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
        <title>Photo Album App</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript" src="/static/js/jquery.min.js"></script>
        <script type="text/javascript" src="/static/js/jquery.json-1.3.js"></script>
        <script type="text/javascript" src="/static/js/jquery.history.js"></script>
        <script type="text/javascript" src="/get/application/jquery.pretty.js"></script>
        <script type="text/javascript" src="/get/application/app.js"></script>
        <link rel="stylesheet" href="/get/application/app.css" type="text/css" media="screen"/>
    </head>
    <body>
        <div id="wrapper">
            <div class="inner">
                <noscript>
                    <div id="unsupported">
                        <h1 id="mainTitle">Photo Album</h1>
                        <p class="noscript">You must have javascript enabled for this application.</p>
                    </div>
                </noscript>
                <h1 id="mainTitle"></h1>
                <div id="tabNav">
                    <ul>
                        <li id="homeTab" class="selected"><a href="#home">Home</a></li>
                        <li id="settingsTab"><a href="#settings">Settings</a></li>
                    </ul>
                </div>
            </div>

            <!-- SCREENS -->
            <div id="homeScreen" class="screen">
                <div class="inner">
                    <div id="pager">
                        <p>Page: <span>1/1</span></p>
                        <ul>
                            <li class="template"><a href="#home:1">1</a></li>
                            <li><a href="#home:1">1</a></li>
                            <li><a href="#home:2">2</a></li>
                        </ul>
                    </div>
                    <div id="messageInput">
                        <form id="messageForm" method="post" action="">
                            <div class="formWrapper">
                                <dl>
                                    <dt><label for="message">Leave a message</label></dt>
                                    <dd><textarea name="message" id="message" cols="30" rows="4"></textarea>
                                    <dd class="buttons"><input type="submit" class="submit" value="Submit" /></dd>
                                </dl>
                            </div>
                        </form>
                    </div>
                    <div id="none">
                        <p>No messages.</p>
                    </div>
                    <div id="messages">
                        <div id="messageTemplate" class="template">
                            <div class="editNav">
                                <a href="#noop" class="delete">Delete</a>
                            </div>
                            <div class="body">
                                <p><!-- message --></p>
                            </div>
                            <div class="metadata metadata1">
                                <p class="from"><a href="#" target="_top"><!-- from --></a></p>
                                <p class="updated"><!-- created --></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="settingsScreen" class="screen">
                <form id="settingsForm" action="" method="post">
                    <div class="formWrapper">
                        <dl>
                            <dt><label for="title">Title <abbr title="required field">*</abbr></label></dt>
                            <dd><input name="value" id="title" type="text" class="text" size="30"/></dd>
                            <dt><label for="public">Public (anyone can write)</label></dt>
                            <dd><input name="public" id="public" type="checkbox" class="checkbox"/></dd>

                            <dd class="buttons"><input type="submit" class="submit" value="Submit" /></dd>
                        </dl>
                    </div>
                </form>
            </div>
            <div id="loading">
                <p>Loading...</p>
            </div>
            <div id="error">
                <h3>An Error has Occurred</h3>
                <div class="inner">
                    <p class="message"><!-- message --></p>
                    <p class="ok">
                        <a href="#noop">OK</a>
                    </p>
                </div>
            </div>
        </div>
    </body>
</html>

